import Vue from 'vue'
import App from './App'
import store from './store/index'

import LyTab from 'ly-tab'

import VueLazyload from 'vue-lazyload'
import Loading from './assets/img/loading.jpg'

// 全局中引入路由器
import router from './router'

// 全局引入图标字体
import '@/assets/css/style.css'

// 配置mini-ui
import { Actionsheet } from 'mint-ui';
Vue.component(Actionsheet.name, Actionsheet);
import { DatetimePicker } from 'mint-ui';
Vue.component(DatetimePicker.name, DatetimePicker);

// 在全局声明一下组件，从而不必再在每个组件中一个个引入并声明
Vue.use(LyTab)

//  全局配置vue懒加载插件
Vue.use(VueLazyload, {
  loading: Loading
})

// 关闭Vue项目自带的一下告警，从而减少项目运行时的开销
Vue.config.productionTip = false

new Vue({
  el: '#app',
  // 自己重新封装的模块想要在页面中所有的组件内使用：必须在导入后，再在根组件(全局组件)中声明一下才能使用
  router,
  store,
  components: { App },
  template: '<App/>'
})
